<template>
  <div class="div">
    <el-row>
      <el-button type="primary" round>个人基本信息</el-button>
      <el-button type="primary" round @click="tocart()">我的购物车</el-button>
      <el-button type="primary" round @click="toorde()">我的订单</el-button>
      <el-button type="primary" round @click="tohistory()">历史足迹</el-button>
      <el-button type="primary" round @click="exit()">退出登录</el-button>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "setting",
  data() {},
  methods: {
    tocart() {
      this.$router.push({
        path: "/cart",
      });
    },
    toorde() {
      this.$router.push({
        path: "/orde",
      });
    },
    tohistory() {
      this.$router.push({
        path: "/history",
      });
    },
//     exit() {
//       axios.post(myapi.logout.url).then((res) => {
//         this.$cookies.set("status", "unlogin");
//         location.reload();
//         if (res.data.code == 34) {
//           this.$message({
//             showClose: true,
//             message: "注销成功",
//             type: "success",
//             center: true,
//           });
//         }
//       });
//     },
  },
};
</script>

<style scoped>
.div {
  margin: 50px auto;
  font-size: 18px;
  background-color: #409eff;
}
.el-row {
  margin-bottom: 20px;
  margin-bottom: 0;
}
.el-col {
  border-radius: 4px;
}
.bg-purple-dark {
  background: #99a9bf;
}
.bg-purple {
  background: #d3dce6;
}
.bg-purple-light {
  background: #e5e9f2;
}
.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
.row-bg {
  padding: 10px 0;
  background-color: #f9fafc;
}
</style>